<!DOCTYPE html>
<html>
<head>
	<title>cartoon</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="swiper.min.css">
	<link rel="stylesheet" type="text/css" href="icon/iconfont.css"/>
	<script src="jquery-1.11.3.js"></script>
	<link rel="stylesheet" href="soccer.css">
</head>
<body>
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide stage">
				<!--首页-->
				<div class="header">
					<img id="disblo" src="images/1.gif" />
					<div class="rd">
						<span class="span1">热点</span>
						<span class="span2">关注</span>
					</div>
				</div>
				<ul id="nav"> 
					<li class="selected">动漫生活</li>
					<li class="soccernow">动漫现场</li>
					<li>动漫明星</li>
				</ul>
				<div id="body">
					<figure>
						<img id="disblo" src="images/1.jpg" />
						<figcaption>小丸子啊小丸子</figcaption>
					</figure>
					<figure>
						<img src="images/2.jpg" />
						<figcaption>小丸子啊小丸子</figcaption>
					</figure>
					<figure>
						<img src="images/3.jpg" />
						<figcaption>小丸子啊小丸子</figcaption>
					</figure>
					<figure>
						<img src="images/4.jpg" />
						<figcaption>小丸子啊小丸子</figcaption>
					</figure>
					<figure>
						<img src="images/3.jpg" />
						<figcaption>小丸子啊小丸子</figcaption>
					</figure>
					<figure>
						<img src="images/4.jpg" />
						<figcaption>小丸子啊小丸子</figcaption>
					</figure>
				</div>
				<ul id="footer">
					<li class="selected1 btn1">
						<span class="fyu iconfont">&#xe604;</span>
						<span class="fyutxt">首页</span>
					</li>
					<li>
						<span class="fyu btn3 iconfont ">&#xe642;</span>
						<span class="fyutxt">发现</span>
					</li>
					<!-- <li><input type="file" class="yuan"/></li> -->
					<li class="btn2">
						<span class="iconfont fyu">&#xe610;</span>
						<span class="fyutxt">我的</span>
					</li>
					<li>
						<span class="iconfont fyu">&#xe615;</span>
						<span class="fyutxt">退出</span>
					</li>
				</ul>
				<div id="cover"></div>
				<div id="userintro">
					<div class="optx">
						<img src="images/xyjj.jpg" />
						<span></span>
					</div>
					<div class="opname">萌萌哒小妖精</div>
					<div class="opqm">
						<p>
							这个家伙很懒什么也没留下...
						</p>
					</div>
					<ul class="opnav">
						<li class="opnav1">动漫现场</li>
						<li class="opnav2">动漫生活</li>
						<li>动漫明星</li>
					</ul>
				</div>
			</div>
			<!--================第二页我的=================-->
			<div class="swiper-slide" style="background:white;">
				<div class="header">
					<img src="images/1.gif" />
					<p class="title">个人中心</p>
				</div>
				<div id="content" class="cq">
					<div class="container"><img src="images/ty.jpg" id="img1" width="100%"></div>
					<div class="btndouble">
						<button class="tocq">确定裁切</button>
						<button class="tofq">放弃重来</button>
					</div>
					<div><button class="tj">提&nbsp;&nbsp;&nbsp;交</button></div>
					<canvas></canvas>
					
				</div>
				<ul id="footer">
					<li class="btn1">
						<span class="fyu iconfont">&#xe604;</span>
						<span class="fyutxt">首页</span>
					</li>
					<li>
						<span class="fyu btn3 iconfont">&#xe642;</span>
						<span class="fyutxt">发现</span>
					</li>
					<!-- <li><span class="yuan"></span></li> -->
					<li class="btn2">
						<span class="iconfont fyu selected1">&#xe610;</span>
						<span class="fyutxt selected1">我的</span>
					</li>
					<li>
						<span class="iconfont fyu">&#xe615;</span>
						<span class="fyutxt">退出</span>
					</li>
				</ul>
				
					
				
			</div>
			<!--================第三页=================-->
			<div class="swiper-slide" style="background:white;">
				<div class="header">
					<img src="images/1.gif" />
					<div class="rd">
						<span class="span1 noselected">热点</span>
						<span class="span2 selectedgz">关注</span>
					</div>
				</div>
				<ul id="nav">
					<li class="selected">动漫生活</li>
					<li class="soccernow">动漫现场</li>
					<li>动漫明星</li>
				</ul>
				<div id="content">
					<div class="news">
						<div class="author">
							<span class="tx"></span>
							<div class="authortxt">
								<h2>朕是一只皮卡丘</h2>
								<p>发射电波，哔哔哔哔哔</p>
							</div>
						</div>
						<img class="authorimg" src="images/cat.jpg" />
					</div>
					<div class="news">
						<div class="author">
							<span class="tx"></span>
							<div class="authortxt">
								<h2>朕是一只皮卡丘</h2>
								<p>发射电波，哔哔哔哔哔</p>
							</div>
							
						</div>
						<img class="authorimg" src="images/cat.jpg" />
					</div>
				</div>
				<ul id="footer">
					<li class="btn1">
						<span class="fyu iconfont">&#xe604;</span>
						<span class="fyutxt">首页</span>
					</li>
					<li>
						<span class="fyu btn3 iconfont">&#xe642;</span>
						<span class="fyutxt">发现</span>
					</li>
					<!-- <li><span class="yuan"></span></li> -->
					<li class="btn2">
						<span class="iconfont fyu">&#xe610;</span>
						<span class="fyutxt">我的</span>
					</li>
					<li>
						<span class="iconfont fyu">&#xe615;</span>
						<span class="fyutxt">退出</span>
					</li>
				</ul>
			</div>
			<!--================第四页首页动漫现场=================-->
			<div class="swiper-slide pbla" style="background:white;">
				<div class="header">
					<img src="images/1.gif" />
					<div class="rd">
						<span class="span1 selectedgz">热点</span>
						<span class="span2 noselected">关注</span>
					</div>
				</div>
				<ul id="nav">
					<li class="opnav3">动漫生活</li>
					<li class="selected soccernow">动漫现场</li>
					<li>动漫明星</li>
				</ul>
				<div id="thecontent">
					<script>
						var json={
								"list":[
									{src:"img/1.jpeg",title:"某科学超电磁炮"},
									{src:"img/2.jpeg",title:"萤火之森"},
									{src:"img/3.jpeg",title:"初音岛"},
									{src:"img/4.jpeg",title:"笨蛋测验召唤兽"},
									{src:"img/5.jpeg",title:"悠久之翼"},
									{src:"img/6.jpeg",title:"学生会的一己之见"},
									{src:"img/7.png",title:"心跳回忆"},
									{src:"img/8.png",title:"天降之物"},
									{src:"img/9.png",title:"穿越时空的少女"},
									{src:"img/10.jpeg",title:"奥利斯学院"},
									{src:"img/11.jpeg",title:"网球王子"},
									{src:"img/12.jpeg",title:"地月少女"},
									{src:"img/13.jpeg",title:"火影忍者"},
									{src:"img/14.jpeg",title:"夏目友人帐"},
									{src:"img/1.jpeg",title:"妖精的尾巴"},
									{src:"img/2.jpeg",title:"银魂"},
									{src:"img/3.jpeg",title:"名侦探柯南"},
									{src:"img/4.jpeg",title:"岛建设与"},
									{src:"img/5.jpeg",title:"鬼灯的冷彻"},
									{src:"img/6.jpeg",title:"航海王"},
									{src:"img/7.png",title:"龙珠"},
									{src:"img/8.png",title:"爱丽丝学园"},
									{src:"img/9.png",title:"日在校园"},
									{src:"img/10.jpeg",title:"倒霉熊"},
									{src:"img/11.jpeg",title:"蜡笔小新"},
									{src:"img/12.jpeg",title:"灌篮高手"},
									{src:"img/13.jpeg",title:"全职猎人"},
									{src:"img/14.jpeg",title:"多啦A梦"},
							
								]
							}
							var thecontent=document.getElementById("thecontent");
							var arr2=json.list;
							for(var i=0;i<arr2.length;i++){
								var obj=arr2[i];
								var div=document.createElement("div");
								div.style.top = "0.2rem";
								thecontent.appendChild(div);
								var img=document.createElement("img");
								img.src=obj.src;
								div.appendChild(img);
								var p=document.createElement("p");
								p.innerHTML=obj.title;
								div.appendChild(p);
							}
							window.onload=function(){
								pbl();pbl();
							}
							window.onresize=function(){
								pbl();
							}
								
					</script>
				</div>
				<ul id="footer">
					<li class="selected1 btn1">
						<span class="fyu iconfont">&#xe604;</span>
						<span class="fyutxt">首页</span>
					</li>
					<li>
						<span class="fyu btn3 iconfont ">&#xe642;</span>
						<span class="fyutxt">发现</span>
					</li>
					<!-- <li><span class="yuan"></span></li> -->
					<li class="btn2">
						<span class="iconfont fyu">&#xe610;</span>
						<span class="fyutxt">我的</span>
					</li>
					<li>
						<span class="iconfont fyu">&#xe615;</span>
						<span class="fyutxt">退出</span>
					</li>
				</ul>
			</div>
			<!--================第五页发现=================-->
			<div class="swiper-slide" style="background:white;">
				<div class="header">
					<img src="images/1.gif" />
					<p class="title">发现</p>
				</div>
				<div id="content" class="cq">
					<div class="search">
						<input class="searchk" id="word" type="text" placeholder="请输入昵称"/>
						<div id="div1"></div>
						<div id="thebtn" class="searchbtn">搜索</div>
					</div>
					<div class="thenull"></div>
						<div class="author">
							<span class="tx"></span>
							<div class="authortxt">
								<h2>朕是一只皮卡丘</h2>
								<p>发射电波，哔哔哔哔哔</p>
							</div>
							<span class="guanzbtn log">关注</span>
						</div>
					<div class="news">
						<div class="author">
							<span class="tx"></span>
							<div class="authortxt">
								<h2>朕是一只皮卡丘</h2>
								<p>发射电波，哔哔哔哔哔</p>
							</div>
							<span class="guanzbtn gzbtn1">关注</span>
						</div>
					</div>
					<div class="news">
						<div class="author">
							<span class="tx"></span>
							<div class="authortxt">
								<h2>朕是一只皮卡丘</h2>
								<p>发射电波，哔哔哔哔哔</p>
							</div>
							<span class="guanzbtn gzbtn1">关注</span>
						</div>
					</div>
				</div>
				<ul id="footer">
					<li class="btn1">
						<span class="fyu iconfont">&#xe604;</span>
						<span class="fyutxt">首页</span>
					</li>
					<li>
						<span class="fyu btn3 iconfont selected1 ">&#xe642;</span>
						<span class="fyutxt selected1 ">发现</span>
					</li>
					<!-- <li><span class="yuan"></span></li> -->
					<li class="btn2">
						<span class="iconfont fyu">&#xe610;</span>
						<span class="fyutxt">我的</span>
					</li>
					<li>
						<span class="iconfont fyu">&#xe615;</span>
						<span class="fyutxt">退出</span>
					</li>
				</ul>
				<div id="thecover"></div>
				<div id="thelog">
					<p class="todl">登录</p>
					<span class="toclose"></span>
					<input type="text" name="" placeholder="手机号" />
					<input type="text" name="" placeholder="密码" />
					<p class="zhzc">还没有账号？点击此处立即<a class="logtoreg" href="#">注册</a></p>
					<button>提交</button>
				</div>
				<div id="thereg">
					<p><span class="reg1">取消</span><span class="reg2">确定</span></p>
					<input type="text" name="" placeholder="手机号" />
					<input type="text" name="" placeholder="密码" />
					<input type="text" name="" placeholder="昵称" />
				</div>
			</div>
			<!--================第六页=================-->
			<div class="swiper-slide" style="background:white;">
				<div class="header">
					<img src="images/1.gif" />
					<p class="title">个人中心</p>
				</div>
				<div id="content" class="cq">
					<div class="news">
						<div class="author">
							<span class="tx"></span>
							<div class="authortxt">
								<h2>朕是一只皮卡丘</h2>
								<p>发射电波，哔哔哔哔哔</p>
							</div>
						</div>
					</div>
					<ul class="detnav">
						<li class="selected">照片(1)</li>
						<li>关注(3)</li>
						<li>粉丝(8)</li>
					</ul><br>
					<div class="txcat"><img src="images/2.jpg" /></div>
				</div>
				<ul id="footer">
					<li class="selected1 btn1">
						<span class="fyu iconfont">&#xe604;</span>
						<span class="fyutxt">首页</span>
					</li>
					<li>
						<span class="fyu btn3 iconfont ">&#xe642;</span>
						<span class="fyutxt">发现</span>
					</li>
					<!-- <li><span class="yuan"></span></li> -->
					<li class="btn2">
						<span class="iconfont fyu">&#xe610;</span>
						<span class="fyutxt">我的</span>
					</li>
					<li>
						<span class="iconfont fyu">&#xe615;</span>
						<span class="fyutxt">退出</span>
					</li>
				</ul>
			</div>
	</div>

<script src="cropper.min.js"></script>
	<script src="swiper.min.js"></script>
<link  href="cropper.min.css" rel="stylesheet">
<script src="pbl.js"></script>
<script src="ajax.js"></script>
<!--<script src="iejr.js"></script>-->
<script src="soccer.js"></script>
</body>
</html>